<template>
	<view>
		<Setps :num='3' :headtitle='tit[3].name' :tit='tit' />
		<view class="formcard">
			<view class="bodtitle" style="border-bottom: none;">
				<p><b>费用汇总</b></p>
			</view>
			<u-form  labelPosition="left" :model="costmodel" :rules="rules" ref="userform">
				<u-form-item  labelWidth="260rpx" label="报销人" prop="userInfo.name" :borderBottom='false' ref="item1">
					<input disabled class="pdlf" type="text" v-model="costmodel.userInfo.name">
				</u-form-item>
				<p @click='showlong=true' v-if="!showlong" style='border-bottom: 1px solid #f1f1f1;  height: 60rpx;line-height:60rpx;margin: 0 auto;text-align: center;'>
					<image style="transform: rotate(90deg);width:30rpx;" :src="img.src"
						mode="widthFix"></image>
				</p>
			</u-form>
			
		</view>
		<Feedback :titleshow='true' />
		<Cost :titleshow='true'  :next='next' :backtitle='backtitle' :nexttitle='nexttitle' />
		<Nextbtn :next='next' :backtitle='backtitle' :nexttitle='nexttitle' />
	</view>
</template>

<script>
	import Setps from '@/workspaces/tools/setps.vue'
	import Feedback from '@/workspaces/views/Travel/feedback.vue'
	import Cost from '@/workspaces/views/Travel/cost.vue'
	import Nextbtn from '@/workspaces/tools/nextbtn.vue'
	export default {
		data() {
			return {
				tit: [{
						name: '基本信息'
					},
					{
						name: '行程反馈'
					},
					{
						name: '费用明细'
					},
					{
						name: '确认提交'
					},
				],
				costmodel: {
					userInfo: {
						name: '张三一'
					}
				},
				rules: {},
				showlong:false,//下拉列表
				backtitle:'上一步(费用明细)',
				nexttitle:'提交',
				next:'./travelsub',
				img:{
					src:'/static/newimg/blackjt.png'
				}
			}
		},
		methods: {
			
		},
		components:{
			Setps,
			Feedback,
			Cost,
			Nextbtn
		}
	}
</script>

<style scoped lang="scss">

</style>
